*{
	padding:0;
	margin:0;
	font-family:"微软雅黑";
}
a{
	text-decoration:none;
}
ul{
	list-style-type:none;
}
img{
	border:0;
}

//顶部菜单开始
#menu{
	width:100%;
	height:32px;
	background-color:#F4F4F4;

	.menu_nav{
		width:1150px;
		height:32px;
		margin:0 auto;

			//左侧菜单开始
			.menu_nav_left{
				width:87px;
				height:32px;
				float:left;
				padding-left:3px;
				line-height:32px;
				position:relative;
				span.span{
					width:13px;
					height:11px;
					position:absolute;
					left:3px;
					top:11px;
					display:inline-block;
					background:url(../img/xian.png);

				}
				a{
					color:#000;
					font-size:12px;
					padding-left:14px;
					
				}
				&:hover{
					background:#DCDCDC;
				}
				&:hover .left_ul{
					display:block;
				}

				ul{
					width:150px;
					height:180px;
					padding-top:30px;
					padding-left:20px;
					position:absolute;
					left:0;
					top:31px;
					display:none;
					background-color:#F4F4F4;
					li{
						height:14px;
						width:150px;
						line-height:14px;
						margin-bottom:20px;
						a{
							height:14px;
							 
							color:#9196A0;
							font-size:14px;
							
						}
					}
				}

			}
			//左侧菜单结束
			//登录和注册开始
			.menu_nav_mid{
				width:125px;
				height:32px;
				margin-left:540px;
				font-size:12px;
				line-height:32px;
				float:left;
				span{
					color:#000;
				}
				a{
					color:#666;
				}
			 
			}
			//登录和注册结束
			//顶部右边菜单开始
			.menu_nav_right{
				width:370px;
				height:32px;
				margin-left:20px; 
				float:left; 
				ul{
					li{
						height:32px;
						width:auto;
						padding-left:10px;
						padding-right:8px;
						font-size:12px;
						float:left;
						position:relative;
						overflow:hidden;
						line-height:32px;
						cursor:pointer;
						a{
							color:#8E8E8E;
							font-size:12px;
					 
						}
						i{
							height:14px;
							width:0px;
							position:absolute;
							top:9px;
							left:0;
							border-left:1px solid #DCDCDC;
						}
						
					}
					.menu_li1{
						a{
							padding-right:15px;
						}

						span{
							height:7px;
							width:11px;
							position:absolute;
							top:13px;
							left:57px;
							padding-right:5px;
							display:inline-block;
							background:url(../img/arrow.png) no-repeat;
						}
						&:hover{
							background:#DCDCDC;
						}
					}

					.menu_li2{
						 
						a{
							padding-left:15px;
						}
						span{
							height:14px;
							width:11px; 
							display:inline-block;  
							position:absolute;
							left:12px;
							top:9px;
							background:url(../img/dingdan.png) no-repeat;
						}
					}

					.menu_li3{
						 
						a{
							padding-left:15px;
						}
						span{
							height:11px;
							width:12px; 
							display:inline-block;  
							position:absolute;
							left:12px;
							top:11px;
							background:url(../img/hidden.png) no-repeat;
						}
					}

					.menu_li4{
						 
						a{
							padding-left:18px;
						}
						span{
							height:15px;
							width:22px; 
							display:inline-block;  
							position:absolute;
							left:10px;
							top:11px;
							background:url(../img/xin.png) no-repeat;
						}
					}


					.menu_li5{
						 
						a{
							padding-left:15px;
						}
						span{
							height:15px;
							width:22px; 
							display:inline-block;  
							position:absolute;
							left:12px;
							top:8px;
							background:url(../img/shouji.png) no-repeat;
						}
						&:hover{
							background:#DCDCDC;
						}
					}

				}
			}
	}
 
 

}
//顶部菜单开始
// **************************
// 顶部导航开始
#nav{
	clear:both;
	width:100%;
	height:130px;
	overflow:hidden;
	 
	// logo
	.nav_top{
		width:1150px;
		height:90px;
		margin:0 auto;
		 
		// 左边
		.nav_top1{
			width:275px;
			height:47px;
			float:left;
			margin-top:43px;
			 
			ul{
				li{
					float:left;
					height:47px;
					padding-left:22px;
					padding-right:22px;
					padding-top:5px;
					text-align:center;
					h3{
					 
						font-size:16px;
						font-weight:normal;
					}
					p{
						color:#8E8E8E;
						font-size:12px;
					} 
				}
				li.li1{
					background:#555555;
					h3{
						color:#fff;
					}
					p{
						color:#fff;
					}
				}
				
				


			}
			
		}
		// 中间
		.nav_top2{
			width:170px;
			height:auto;
			float:left;
			margin-left:225px;
			margin-top:30px;
			 
		}
		// 右边
		.nav_top3{
			width:390px;
			height:55px;
			float:left;
			margin-left:80px;
			margin-top:22px;
			
			// 导航栏搜索
			.search{
				width:320px;
				height:29px;
				margin-top:28px;
				float:left;
				background:#555555;
				.input1{
					width:240px;
					height:27px;
					border:1px solid #000;
					float:left;
				}
				.input2{
					width:78px;
					height:29px;
					cursor:pointer;
					background:url(../img/search.png) no-repeat;
					background-position:center center;
					border:1px solid #555555;  
					float:left;
				}
			}

			.che{
				height:37px;
				width:50px;
				float:left;
				margin-top:18px;
				margin-left:16px;
				position:relative;
				
				a{
					height:30px;
					width:30px;
					display:block;
					position:absolute;
					left:0;
					top:7px;
				}
				span{
					height:20px;
					width:28px;
					cursor:pointer;
					border-radius:9px;
					background:#DF2121;
					text-align:center;
					line-height:20px;
					color:#fff;
					display:block; 
					font-size:12px; 
					position:absolute;
					left:23px;
					top:0;

				}
			}
		}

	}
	// 导航栏目
	.nav{
		width:100%;
		height:40px;
		background:#555555;
		.nav_menu{
			width:1150px;
			height:40px;
			margin:0 auto; 

			ul{
				li{
					float:left;
					height:18px;
					width:auto;
					margin-top:8px;
					paddng-top:5px;
					position:relative;
					a{
						height:18px;
						width:auto;
						display:inline-block;
						font-size:14px;
						line-height:20px;
						text-align:center;
						color:#fff;
						padding-bottom:2px;
						border-bottom:2px solid transparent;
						&:hover{
							border-bottom:2px solid #fff;
						}
					}
				}
				.li{
					margin-left:83px;
				}
			}
		}
	}

}
// 顶部导航结束
// **************************
// 浏览位置导航开始
#pos{
	width:990px;
	height:47px;
	margin:0 auto;
	// border-bottom:1px solid #ccc;
	line-height:47px;
	font-size:12px;
	color:#666;
	overflow:hidden;
	img{
		width:15px;
		height:15px;
		display:inline-block;
		margin-right:5px;
		margin-top:13px;

	}
	a{
		color:#999;
	}
	span{
		font-size:14px;
		line-height:14px;
		color:#999;
		padding:0 5px;
	}
}
// 浏览位置导航结束
// *******************************
// 个人中心的大内容开始
#center_con{
	clear:both;
	width:990px;
	height:auto;
	margin:0 auto;  
	margin-top:10px;
	// 左侧边栏开始
	.center_con_side{
		width:180px;
		height:auto;
		border:1px solid #ccc;
		float:left;
		// 头像开始
		.center_face{
			width:180px;
			height:190px;
			border-bottom:1px solid #ccc;
			h2{
				height:38px;
				width:100%;
				background:url(../img/face.png);
			}
			img{
				width:100px;
				height:100px;
				display:block;
				margin:0 auto;
				margin-top:25px;
			}

		}
		// 头像结束
		// 查看订单开始
		.center_look{
			width:180px;
			height:auto; 
			position:relative;
			h2{
				height:38px;
				width:100%;
				font-size:14px;
				font-weight:normal;
				line-height:38px; 
				background:url(../img/jiaoyi.png);
				span{
					height:36px;
					font-size:14px;
					line-height:36px;
					display:inline-block;
					color:#333;
					width:auto;  
					position:absolute;
					left:30px;
					top:0;

				}
			}
			ul{
				li{
					height:38px;
					width:150px;
					padding-left:30px;
					border-bottom:1px solid #ccc;
					a{
						height:38px;
						width:100%;
						display:block;
						line-height:38px;
						text-align:left;
						font-size:12px;
						color:#666679;
						&:hover{
						 
							color:#000;
						}
					}
				}
			}
		}
		// 查看订单结束
		// 个人信息管理开始
		.center_check{
			width:180px;
			height:auto; 
			position:relative;
			h2{
				height:38px;
				width:100%;
				font-size:14px;
				font-weight:normal;
				line-height:38px; 
				background:url(../img/jiaoyi.png);
				span{
					height:36px;
					font-size:14px;
					line-height:36px;
					display:inline-block;
					color:#333;
					width:auto;  
					position:absolute;
					left:30px;
					top:0;

				}
			}
			ul{
				li{
					height:38px;
					width:150px;
					padding-left:30px;
					border-bottom:1px solid #ccc;
					a{
						height:38px;
						width:100%;
						display:block;
						line-height:38px;
						text-align:left;
						font-size:12px;
						color:#666679;
						&:hover{
						 
							color:#000;
						}
					}
				}
			}
		}
		// 个人信息管理结束
	}
	// 左侧边栏结束
	// *************************
	// 右侧详细内容开始
	.center_con_detail{
		width:800px;
		height:auto; 
		float:right;
		margin-bottom:20px;
		
		// 编辑个人资料头部开始
		.order{
			width:800px;
			height:auto;
			// border:1px solid #ccc;
			h2{
				height:38px;
				width:800px;
				background:url(../img/chang_nav.png);
				.span1{
					height:20px;
					width:150px;
					display:inline-block;
					margin-left:10px;
					margin-top:13px;
					background:url(../img/ziliao.png) no-repeat;

				}
				 
			}
		
		}
		// 编辑个人资料头部结束
		// *************************
		// 编辑个人资料详细内容开始
		.person_detail{
			width:800px;
			height:460px;
			padding-top:1px;
			margin-top:10px;
			border:1px solid #ccc;
			ul{
				.li{
					width:100%;
					height:auto;
					position:relative;
					margin-bottom:5px;
					border:1px solid #ccc;
					.p1{
						height:30px;
						line-height:30px;
						position:relative;
						background:#EFEFEF;
						img{
							width:12px;
							height:12px;
							display:inline-block;
							position:absolute;
							top:10px;
							left:5px;
						}
						.span1{
							height:30px;
							with:auto;
							padding-left:25px;
							font-size:12px;
							color:#666;
							cursor:pointer;
						}
						.span2{
							height:20px;
							width:40px;
							display:inline-block;
							float:right;
							cursor:pointer;
							margin-top:5px;
							margin-right:10px;
							background:url(../img/editbtn.png) no-repeat;
						}
					}
					// 上传头像开始

					.face_show{
						height:130px;
						width:100px;
						border:1px solid #ccc;
						float:right;
						margin-top:5px;
						margin-right:50px;
						img{
							height:100px;
							width:100px;
						}
						p{
							height:20px;
							width:100px;
							line-height:20px;
							font-size:12px;
							color:#333;
							margin-top:5px;
							text-align:center;
						}
					}
					.face{
						height:30px;
						width:130px;
						padding-left:10px;
						line-height:30px;
						// border:1px solid #ccc;
						float:right;
						font-size:12px;
						color:#333;
						margin-top:120px;
						margin-right:-125px;
						input{
							height:23px;
							width:60px;
							line-height:23px;
							border:0;
							font-size:12px;
							color:#333;
						}
					}
					// 上传头像结束
					.p2{
						height:25px;
						line-height:25px;
						font-size:12px;
						color:#333;
						padding-left:10px;
						margin-bottom:5px;
						input{
							height:18px;
							color:#666;
							line-height:18px;
							font-size:12px;
							border:1px solid #ccc;
							border-radius:3px;
						}
					}
					.p3{
						height:33px;
						width:117px;
						margin-left:50px;
						margin-top:15px;
						input{
							height:33px;
							width:117px;
							font-size:14px;
							color:#fff;
							line-height:33px;
							text-align:center;
							font-weight:600;
							border:0;
							cursor:pointer;
							background:url(../img/tijiao.png) no-repeat;
						}
					}
				}
			}

		}
		// 编辑个人资料详细内容结束
		// ***************************

	
	}
	// 右侧详细内容结束
}
// 个人中心的大内容结束
// *************************
// 底部开始
#footer{
	clear:both;
	width:100%;
	height:295px;
	margin-top:20px;
	background:#000;
	.footer{
		width:1150px;
		height:295px;
		margin:0 auto;

		.footer_top{
			width:1150px;
			height:66px;
			margin:0 auto;
			border-bottom:1px solid #262626;
			.footer_top_left{
				height:66px;
				width:130px;
				float:left;
				position:relative;
				 
				i{
					width:23px;
					height:27px;
					position:absolute;
					top:19px;
					left:0px;
					display:inline-block;
					background:url(../img/footer1.jpg) no-repeat;
				}
				.span1{
					color:#EE000E;
					font-size:12px;
					width:auto;
					height:27px;
					position:absolute;
					top:19px;
					left:27px;
					line-height:27px;
					display:inline-block;

				}
				.span2{
					color:#fff;
					font-size:12px;
					width:auto;
					height:27px;
					position:absolute;
					top:19px;
					left:58px;
					line-height:27px;
					display:inline-block;

				}

			}
			.footer_top_mid1{
				height:66px;
				width:120px;
				float:left;
				position:relative;
				margin-left:58px;
				 
				i{
					width:26px;
					height:27px;
					position:absolute;
					top:19px;
					left:0px;
					display:inline-block;
					background:url(../img/che.jpg) no-repeat;
				}
				.span1{
					color:#EE000E;
					font-size:12px;
					width:auto;
					height:27px;
					position:absolute;
					top:19px;
					left:29px;
					line-height:27px;
					display:inline-block;

				}
				.span2{
					color:#fff;
					font-size:12px;
					width:auto;
					height:27px;
					position:absolute;
					top:19px;
					left:48px;
					line-height:27px;
					display:inline-block;

				}

			}
			.footer_top_mid2{
				height:66px;
				width:313px;
				float:left;
				position:relative;
				margin-left:58px;
				 
				i{
					width:26px;
					height:27px;
					position:absolute;
					top:19px;
					left:0px;
					display:inline-block;
					background:url(../img/lianxi.jpg) no-repeat;
				}
				.span1{
					color:#EE000E;
					font-size:12px;
					width:auto;
					height:27px;
					position:absolute;
					top:19px;
					left:90px;
					line-height:27px;
					display:inline-block;

				}
				.span2{
					color:#fff;
					font-size:12px;
					width:auto;
					height:27px;
					position:absolute;
					top:19px;
					left:30px;
					line-height:27px;
					display:inline-block;

				}
				.span3{
					color:#999999;
					font-size:12px;

					width:auto;
					height:27px;
					position:absolute;
					top:19px;
					left:173px;
					line-height:27px;
					display:inline-block;
				}

			}
			.footer_top_right{
				height:40px;
				width:240px;
				float:right;
				position:relative;
				margin-top:13px;
				.input1{
					width:158px;
					height:32px;
					padding-right:10px;
					padding-left:10px;
					border:1px solid #262626;
					border-right:1px solid transparent;
					background:#000;
					color:#555555;
					position:absolute;
					left:0;
					top:4px;
				}
				.input2{
					width:65px;
					height:34px;
					position:absolute;
					left:178px;
					top:4px;
					cursor:pointer;
					border:1px solid #262626;
					border-left:1px solid transparent;
					background:url(../img/xinxi.jpg) no-repeat;
					background-position:center center;
				}


			}

 
		}
		// 中间
		.footer_mid{
			clear:both;
			width:1150px;
			height:148px;
			padding-top:15px;
			margin:0 auto;
		 
			ul{
				li{
					width:90px;
					height:163px;
					float:left;
					margin-left:90px;
					
					p{
						font-size:12px;
						color:#fff;
						height:25px;
						line-height:25px;
						width:100%;
						text-align:left;
						a{
							color:#666666;
							&:hover{
								text-decoration:underline;
							}
						}
					}
				}
			}
 
		}
		.footer_bottom{
			clear:both;
			width:1150px;
			height:36px;
			margin:0 auto;
			ul{
				li{
					height:36px;
					width:auto;
					float:left;
				}
				.li1{
					width:95px;
					margin-right:5px;
				}
				.li2{
					width:76px;
					margin-right:12px;
				}
				.li3{
					width:750px;

					p{
						font-size:12px;
						color:#666666;
						a{
							font-size:12px;
							color:#666666;
						}
						span{
							font-size:12px;
							color:#666666;
							margin-left:10px;
							margin-right:10px;
						}
					}
				}
			}
 
		}


	}
}
// 底部结束